<!DOCTYPE html>
<html lang="en">

</html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米闪购 - 小米商城</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>

<body>
    <div class="topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">天星教科</a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">企业团购</a><span>|</span>
                <a href="">资质证照</a><span>|</span>
                <a href="">协议规则</a><span>|</span>
                <a href="">下载APP</a><span>|</span>
                <a href="">智能生活</a>
            </div>
            <div class="topbar-cart"><a href=""><i class="iconfont">&#xe60c;</i>购物车<span>（0）</span></a></div>
            <div class="topbar-info clearfix">
                <a href="">登录</a><span>|</span>
                <a href="">注册</a><span>|</span>
                <a href="" class="sep">消息通知</a>
            </div>
        </div>
    </div>

    <div class="header">
        <div class="container">
            <div class="header-logo">
                <a href="#" class="lr">小米官网</a>
            </div>
            <div class="header-nav">
                <ul class="nav-list clearfix">
                    <li class="nav-category">
                        <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="&#xe616;" class="search-btn iconfont">
                </form>
            </div>
        </div>
    </div>

    <div class="seckill">
        <div class="seckill-head"></div>
        <div class="container">
            <div id="seckillNav" class="seckill-nav">
                <ul id="tabs">
                    <li class="active"><em>18:00</em><span><em>即将开始距<br>开始 01:25:15</em></span></li>
                    <li><em>20:00</em><span>即将开始</span></li>
                    <li><em>22:00</em><span>即将开始</span></li>
                    <li><em>00:00</em><span>明日开始</span></li>
                    <li><em>08:00</em><span>明日开始</span></li>
                </ul>
            </div>
            <div id="lists" class="seckill-goods">
                <ul class="clearfix active">
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/2.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/1.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>

                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="img/2.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>

                        </div>
                    </li>                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>
                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>

                        </div>
                    </li>
                    <li>
                        <div class="bg"><img src="img/3.png" alt=""></div>
                        <div class="info">
                            <a href="" class="name">小米移动电源2C 20000mAh 白色</a>
                            <p class="tips">大容量，一个就够用</p>
                            <p class="price">1元 <del>129元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有83852人设置提醒</p>

                        </div>
                    </li>
                </ul>
            </div>
            <div class="seckill-notice">
                <ul>
                    <li>*小米秒杀活动规则：</li>
                    <li>1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；</li>
                    <li>2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付;</li>
                    <li>3.秒杀价不含运费，最终以订单结算页价格为准；</li>
                    <li>4.订单中商品的数量、颜色、型号等，以订单结算页为准。
                        温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。</li>
                </ul>
            </div>
        </div>

    </div>

    <div class="user">
        &copy;
        hzzzzz
    </div>

    <script src="js/index.js"></script>
</body>

</html>